#mod-card-horizon {
    display: flex;
	width: 100%;
	padding: var(--space-40, 40px) var(--360-575-Page-Margin, 16px);
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	gap: var(--space-32, 32px);

}

#mod-card-horizon .container-animate-head {
	display: flex;
	padding: var(--space-0, 0px);
	flex-direction: column;
	align-items: center;
	gap: var(--space-16, 16px);
	align-self: stretch;
}

#mod-card-horizon .container-animate-head .title {
	align-self: stretch;
	text-align: center;
	margin-bottom: 0;
}

#mod-card-horizon .container-animate-head .subtitle {
	margin-bottom: 0;
	color: var(--Color-Content-General-2, #707070);
	text-align: center;
	font-feature-settings: 'liga' off, 'clig' off;
}

#card-tab-movile.container-animate-body {
	display: flex;
	padding: var(--space-0, 0px);
	flex-direction: column;
	align-self: stretch;
}

#card-tab-movile.container-animate-body .container-menu{
	display: flex;
	height: 82px;

}

#card-tab-movile.container-animate-body .container-menu a{
	display: flex;
	padding: var(--space-16, 16px) 0;
	flex-direction: column;
	align-items: center;
	gap: var(--space-16, 16px);
	flex: 1 0 0;
	background-color: transparent;
	border-color: transparent;
	justify-content: center;
	border: none;
	color: #2C2C2C;
}

#card-tab-movile.container-animate-body .container-menu a:not(:first-child) h3::before {
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 1px;
	height: 16px;
	background: var(--Color-Border-General-1, #D8CFC7);
}

#card-tab-movile.container-animate-body .container-menu a h3{
	color: var(--Color-Content-General-2, #707070);
	text-align: center;
	font-feature-settings: 'liga' off, 'clig' off;
	display: flex;
	height: 50px;
	padding: var(--space-0, 0px) var(--space-16, 16px);
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: var(--space-8, 8px);
	margin-bottom: 0;
	padding-bottom: 0;
	min-height: 50px;
	width: 101px;
}

#card-tab-movile .container-menu a.active span,
#card-tab-movile .container-menu a.active h3 {
	color: var(--Color-Content-General-1, #2C2C2C);
	text-align: center;
	font-feature-settings: 'liga' off, 'clig' off;

	/* Body/SmBold/S */
	font-family: var(--font-family-2-smbold);
	font-size: var(--size-font-75);
	font-weight: inherit;
	line-height: var(--size-font-line-height-2xs);
	font-style: var(--font-style-normal);
}


#card-tab-movile .container-menu {
	scrollbar-color:#e4e4e494 #e4e4e4c9;
	justify-content: center;
	min-width: 100%;
	border-bottom: 1px solid #D8CFC7;
	display: flex;
	padding: 0;
	border-radius: 0;
	width: 100%;
	overflow: visible;
	height: 50px;
}

#card-tab-movile .container-menu a.active:before {
	content:"";
	display: block;
	height: 2px;
	width: 100%;
    background: var(--Color-Border-Interactive-Active, #00A443);
	position:absolute;
	bottom: -1px;
	z-index: 100;
}



/* CARD */

#card-tab-movile.container-animate-body .card-body{
	display: flex;
	padding: 0px 16px var(--360-575-Page-Margin, 16px) 16px;
	flex-direction: column;
	align-items: flex-start;
	gap: var(--space-16, 16px);
	align-self: stretch;
}

#card-tab-movile.container-animate-body #card-01{
	background: var(--Green-10, #D9F1E3);
}

#card-tab-movile.container-animate-body  #card-02{
	background: var(--Sky-10, #DFF7FF);
}

#card-tab-movile.container-animate-body  #card-03{
	background: var(--Sunset-10, #FFF7E4);
}

#card-tab-movile.container-animate-body .tab-content{
	width:100%;
}

#card-tab-movile.container-animate-body .card-tarjeta .card-content{
	display: flex;
	padding: var(--space-24, 24px) var(--space-12, 12px);
	flex-direction: column;
	align-items: flex-start;
	gap: var(--space-24, 24px);
	align-self: stretch;
}

#card-tab-movile.container-animate-body .card-tarjeta .card-content:nth-child(2){
	display: flex;
	padding: var(--size-space-16, 16px) var(--size-space-12, 12px) var(--space-24, 24px) var(--size-space-12, 12px);
	flex-direction: column;
	align-items: flex-start;
	gap: var(--space-16, 16px);
	align-self: stretch;
	border-radius: 24px;
	background: var(--Color-Background-General-1, #FFF);
}

#card-tab-movile .card-tarjeta .card-content .content-modulo-card-header{
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: var(--space-8, 8px);
	align-self: stretch;
}

#card-tab-movile .card-tarjeta .card-content .content-modulo-card-header .titulo{
	color: var(--Color-Content-General-1, #2C2C2C);
	font-feature-settings: 'liga' off, 'clig' off;
	display: flex;
	align-items: flex-start;
	gap: 8px;
	align-self: stretch;
	margin-bottom: 0;
	padding-bottom: 0;
}

#card-tab-movile .card-tarjeta .card-content .content-modulo-card-header .sub-titulo{
	color: var(--Color-Content-General-1, #2C2C2C);
	font-feature-settings: 'liga' off, 'clig' off;

	align-self: stretch;
	margin-bottom:0;
}


#card-tab-movile .card-tarjeta .card-content .contenedor-modulo-card.card-izq .module-content-list{
	display: flex;
	padding: var(--space-0, 0px);
	flex-direction: column;
	align-items: flex-start;
	gap: var(--space-12, 12px);
	align-self: stretch;
	width: 100%;
}

#card-tab-movile .card-tarjeta .card-content .contenedor-modulo-card.card-izq .module-content-list .module-content-list-item{
	display: flex;
	padding: var(--space-0, 0px);
	align-items: flex-start;
	gap: var(--space-8, 8px);
	align-self: stretch;
}

#card-tab-movile .card-tarjeta .card-content .contenedor-modulo-card.card-izq .module-content-list-item img{
	width: var(--Size-icons-s, 24px);
	height: var(--Size-icons-s, 24px);
}

#card-tab-movile .card-tarjeta .card-content .contenedor-modulo-card.card-izq .module-content-list-item p{
	color: var(--Color-Content-General-1, #2C2C2C);
	font-feature-settings: 'liga' off, 'clig' off;
	align-self: stretch;
	margin-bottom: 0;
	padding-top: var(--space-4,4px);
	gap: var(--space-2, 2px);
	display: flex;
}

#card-tab-movile .card-tarjeta .card-content:nth-child(2) .content-modulo-card-header .titulo{
	color: var(--Color-Content-General-2, #707070);

	align-self: stretch;
}

#card-tab-movile .card-tarjeta .card-content .contenedor-modulo-card.card-der .module-content-list{
	display: flex;
	padding: var(--space-0, 0px);
	flex-direction: column;
	align-items: flex-start;
	gap: var(--space-12, 12px);
	align-self: stretch;
	width: 100%;
}

#card-tab-movile .card-tarjeta .card-content .contenedor-modulo-card.card-der .module-content-list li{
	display: flex;
	padding: var(--space-0, 0px);
	align-items: flex-start;
	gap: var(--space-8, 8px);
	align-self: stretch;
}

#card-tab-movile .card-tarjeta .card-content .contenedor-modulo-card.card-der{
	display: flex;
	gap: 0;
	margin: 0;
}

#card-tab-movile .card-tarjeta .card-content .contenedor-modulo-card.card-der .module-content-list img{
	display: flex;
	width: 24px;
	height: 24px;
	justify-content: center;
	align-items: center;
}

#card-tab-movile .card-tarjeta .card-content .contenedor-modulo-card.card-der .module-content-list-item div{
	display: flex;
	padding-top: var(--space-4, 4px);
	flex-direction: column;
	align-items: flex-start;
	gap: var(--space-2, 2px);
	flex: 1 0 0;
}

#card-tab-movile .card-tarjeta .card-content .contenedor-modulo-card.card-der .module-content-list-item span{
	color: var(--Color-Content-General-2, #707070);
	font-feature-settings: 'liga' off, 'clig' off;

	align-self: stretch;
}

@media (min-width: 576px) {
	#mod-card-horizon {
		padding: var(--space-40, 40px) var(--576-767-page-margin, 42px);
	}

	#card-tab-movile.container-animate-body .container-menu a h3{
		min-height: 36px;
		height: 36px;
		width: auto;
	}

	#card-tab-movile.container-animate-body .container-menu{
		height: 50px;
	}

	#card-tab-movile.container-animate-body .card-body{
		padding: 0px 20px var(--360-575-Page-Margin, 16px) 20px;
	}
}

@media (min-width: 768px) {
	#mod-card-horizon {
		padding: var(--space-40, 40px) var(--768-991-page-margin, 48px);
	}
	#card-tab-movile.container-animate-body .card-body{
		padding: 0px 34px var(--360-575-Page-Margin, 16px) 34px;
	}
	#card-tab-movile.container-animate-body .container-menu a h3{
		min-height: auto;
		height: auto;
		display: flex;
		padding: var(--size-space-0, 0px) var(--size-space-16, 16px);
		align-self: stretch;
	}
}

@media (min-width: 992px) {
	#card-tab-movile.container-animate-body {
		display:none;
	}
}
